<!doctype html>
<html class="no-js">
  <head>
    <meta charset="utf-8">
    <title></title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width">
    <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
    <!-- build:css(.) styles/vendor.css -->
    <!-- bower:css -->
    <!-- endbower -->
    <!-- endbuild -->
    <!-- build:css(.tmp) styles/main.css -->
    <link rel="stylesheet" href="styles/main.css">	
    <link rel="stylesheet" href="../bower_components/lumx/dist/css/lumx.css">
    <!-- endbuild -->
  </head>
  <body ng-app="firstApp">
    <!--[if lt IE 7]>
      <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
    <![endif]-->

    <!-- Add your site or application content here -->
    <div class="main ng-scope" ng-view=""><!-- Sidebar -->
    <div class="container">
      <div class="header">
        <div class="card">
          <div class="toolbar">
            <div class="toolbar__left mr">
                <button class="btn btn--l btn--black btn--icon" lx-ripple>
                    <i class="mdi mdi--menu"></i>
                </button>
            </div>

            <span class="toolbar__label fs-title">Wedding</span>

            <div class="toolbar__right">
              <lx-dropdown position="right" from-top>
                <button class="btn btn--l btn--black btn--icon" lx-ripple lx-dropdown-toggle>
                    <i class="mdi mdi--more-vert"></i>
                </button>

                <lx-dropdown-menu>
                  <ul>
                      <li><a class="dropdown-link">Action</a></li>
                      <li><a class="dropdown-link">Another action</a></li>
                      <li><a class="dropdown-link">Something else here</a></li>
                      <li class="dropdown-divider"></li>
                      <li><a class="dropdown-link dropdown-link--is-header">Header</a></li>
                      <li><a class="dropdown-link">Separated link</a></li>
                  </ul>
                </lx-dropdown-menu>
              </lx-dropdown>
                
              <lx-search-filter closed theme="dark"></lx-search-filter>
            </div>
          </div>
        </div>
      </div>
      </div>

      <div ng-view=""></div>

      <div class="footer">
        <p><span class="glyphicon glyphicon-heart"></span> from the Yeoman team</p>
      </div>
    </div>


    <!-- Google Analytics: change UA-XXXXX-X to be your site's ID -->
    <script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

      ga('create', 'UA-XXXXX-X');
      ga('send', 'pageview');
    </script>

    <!-- build:js(.) scripts/oldieshim.js -->
    <!--[if lt IE 9]>
    <script src="bower_components/es5-shim/es5-shim.js"></script>
    <script src="bower_components/json3/lib/json3.js"></script>
    <![endif]-->
    <!-- endbuild -->

    <!-- build:js(.) scripts/vendor.js -->
    <!-- bower:js -->
    <!-- endbower -->
    <!-- endbuild -->

    <!-- build:js({.tmp,app}) scripts/scripts.js -->
    <script src="scripts/app.js"></script>
    <script src="scripts/controllers/main.js"></script>
    <script src="../bower_components/jquery/dist/jquery.js"></script>
    <script src="../bower_components/velocity/velocity.js"></script>
    <script src="../bower_components/moment/min/moment-with-locales.min.js"></script>
    <script src="../bower_components/angular/angular.js"></script>
    <script src="../bower_components/lumx/dist/js/lumx.js"></script>
    <!-- endbuild -->
  </body>
</html>
